<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择负责人</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/personIn.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
</head>
<body class="view-container">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>选择负责人</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>
<div class="relation-search" id="search">
    <input type="text" class="search" placeholder="请输入姓名/手机号">
    <i class="weui-icon-search"></i>
    <a href="" class="">搜索</a>
</div>
<div class="contanen charge">
    <div class="charged">
        <p id="A">A</p>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="B">B</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="C">C</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="D">D</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="E">E</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="F">F</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="G">G</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="H">H</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="I">I</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="J">J</p>
    <div class="weui-cells">

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
        <p id="K">K</p>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>奥克维亚</p>
                <p>手机号：13720111000</p>
                <p>会员号：30514718</p>
            </div>
        </div>
    </div>
    <ul class="list">
    <li><a href="javascript:void(0);" onclick="locate('search')"><i class="weui-icon-search"></i></a></li>
    <li><a href="javascript:void(0);" onclick="locate('A')">A</a></li>
    <li><a href="javascript:void(0);" onclick="locate('B')">B</a></li>
    <li><a href="javascript:void(0);" onclick="locate('C')">C</a></li>
    <li><a href="javascript:void(0);" onclick="locate('D')">D</a></li>
    <li><a href="javascript:void(0);" onclick="locate('E')">E</a></li>
    <li><a href="javascript:void(0);" onclick="locate('F')">F</a></li>
    <li><a href="javascript:void(0);" onclick="locate('G')">G</a></li>
    <li><a href="javascript:void(0);" onclick="locate('H')">H</a></li>
    <li><a href="javascript:void(0);" onclick="locate('I')">I</a></li>
    <li><a href="javascript:void(0);" onclick="locate('J')">J</a></li>
    <li><a href="javascript:void(0);" onclick="locate('K')">K</a></li>
    <li><a href="javascript:void(0);" onclick="locate('L')">L</a></li>
    <li><a href="javascript:void(0);" onclick="locate('M')">M</a></li>
    <li><a href="javascript:void(0);" onclick="locate('N')">N</a></li>
    <li><a href="javascript:void(0);" onclick="locate('O')">O</a></li>
    <li><a href="javascript:void(0);" onclick="locate('P')">P</a></li>
    <li><a href="javascript:void(0);" onclick="locate('Q')">Q</a></li>
    <li><a href="javascript:void(0);" onclick="locate('R')">R</a></li>
    <li><a href="javascript:void(0);" onclick="locate('S')">S</a></li>
    <li><a href="javascript:void(0);" onclick="locate('T')">T</a></li>
    <li><a href="javascript:void(0);" onclick="locate('U')">U</a></li>
    <li><a href="javascript:void(0);" onclick="locate('V')">V</a></li>
    <li><a href="javascript:void(0);" onclick="locate('X')">X</a></li>
    <li><a href="javascript:void(0);" onclick="locate('Y')">Y</a></li>
    <li><a href="javascript:void(0);" onclick="locate('Z')">Z</a></li>
    <li><a href="javascript:void(0);" onclick="locate('#')">#</a></li>
</ul>
    </div>
</div>
</body>
<script>
    function locate(e){
      var  id =  document.getElementById(e);
            y = id.offsetTop;
            while(id=id.offsetParent){ y += id.offsetTop;}
            y-=82;
            window.scrollTo(0,y);
    }
</script>

</html>